<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>填写预约申请 导游</title>
		<meta name="renderer" content="webkit" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/create.css" />
		<link rel="stylesheet" type="text/css" href="css/guide.css" />
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript" src="js/daoyoudetail.js"></script>
		<!--<script type="text/javascript">
			var TU = {
				wwwUrl: 'http://www.liantu.cn',
				myUrl: 'http://my.liantu.cn',
				imageUrl: 'http://static.liantu.cn/image/',
				domain: 'liantu.cn',
				today: '2016-03-08',
				mobile_agent: 'http://m.liantu.cn/order/guide/?gid=65581&type=daoyou&startdate=2016-03-10&enddate=2016-03-18&adult=1&service='
			};
			var isMobi = (function() {
				var u = navigator.userAgent.toLowerCase();
				return u.indexOf("mobi") > 0 || u.indexOf("nexus 7") > 0 || u.indexOf("480") > 0;
			})();
			if(isMobi && TU.mobile_agent != '') {
				location.href = TU.mobile_agent;
			}
		</script>-->

		<!--[if lte IE 8]>
      <script type="text/javascript">
      $(function(){
      var $body=$('body');
      var $window =  $(window);
      $window.resize(function() {
      var width = $window.width();
      if(width<768){
      $body.addClass("media-small").removeClass("media-medium");
      }else if(width<1300){
      $body.addClass("media-medium").removeClass("media-small");
      }else{
      $body.removeClass("media-small").removeClass("media-medium");
      }
      }).resize();
      });
      </script>
      <![endif]-->
	</head>

	<body>
		<div class="wrapper">
			<div class="header">
				<div class="mod-head">
					<div class="bg"></div>
					<div class="box">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
						</div>
						<div class="J_search search">
							<div class="sbox">
								<input type="text" class="text" placeholder="输入想去的地方（例如：北京）" />
								<span class="ico"><span></span></span>
							</div>
						</div>
						<div class="link">
							<a href="apply2.html" id="sqdy" target="_blank">申请成为向导</a>
						</div>
						<div class="login pl-login-info" id="pl-login-info">
							<div class="info">
								<a href="signin.html" id="logining">登录</a>
								<a id="Luser" hidden>{{info.user_id}}</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container" id="dymsg">
				<div class="inner">
					<div class="main">
						<div class="mod-order-step">
							<ul>
								<li> <span class="step-bg"></span> <span class="step">STEP01</span> <span>选择导游或伴游</span> </li>
								<li class="active"> <span class="step-bg"></span> <span class="step">STEP02</span> <span>填写预约申请</span> </li>
								<li> <span class="step-bg"></span> <span class="step">STEP03</span> <span>等待导/伴游接受</span> </li>
								<li> <span class="step-bg"></span> <span class="step">STEP04</span> <span>在线支付费用</span> </li>
							</ul>
						</div>
						<div class="content">
							<form>
							<div class="mod-base">
								<div class="hd">
									基础信息
								</div>
								<div class="bd">
									<div class="list">
										<div class="fixed">
											<div class="inner">
												<div class="steps">
													
													<p><span class="ico"></span><span class="step">1</span>选择导游或伴游</p>
													<p class="active"><span class="ico"></span><span class="step">2</span>填写预约申请</p>
													<p><span class="ico"></span><span class="step">3</span>等待导/伴游接受</p>
													<p><span class="ico"></span><span class="step">4</span>在线支付费用</p>
												</div>
												
												<div class="items">
													<div class="time">
														<span class="titles">出行时间</span>
														<div class="date">
															<input type="date" onchange="datedifference()" class="input-date" value="" name="startdate"  id="from" />
															<label for="from"></label>
														</div>
														<span class="between">~</span>
														<div class="date">
															<input type="date" onchange="datedifference()" class="input-date" value="" name="enddate"  id="to" />
															<label for="to"></label>
														</div>
														<span>共<label class="diff-day" id="dcount" ></label>天</span>
													</div>
													<div class="count">
														<span class="titles">同行人数</span>
														<select name="order_count" id="order_count" class="person" style="width: 70px; height: 30px; color: #757575;">
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4">4</option>
															<option value="5">5</option>
															<option value="6">6</option>
															<option value="7">7</option>
															<option value="8">8</option>
															<option value="9">9</option>
															<option value="10">10</option>
															<option value="11">11</option>
															<option value="12">12</option>
															<option value="13">13</option>
															<option value="14">14</option>
															<option value="15">15</option>
															<option value="16">16</option>
															<option value="17">17</option>
															<option value="18">18</option>
															<option value="19">19</option>
															<option value="20">20</option>
															<option value="21">21</option>
															<option value="22">22</option>
															<option value="23">23</option>
															<option value="24">24</option>
															<option value="25">25</option>
															<option value="26">26</option>
															<option value="27">27</option>
															<option value="28">28</option>
															<option value="29">29</option>
															<option value="30">30</option>
															<option value="31">31</option>
															<option value="32">32</option>
															<option value="33">33</option>
															<option value="34">34</option>
															<option value="35">35</option>
															<option value="36">36</option>
															<option value="37">37</option>
															<option value="38">38</option>
															<option value="39">39</option>
															<option value="40">40</option>
															<option value="41">41</option>
															<option value="42">42</option>
															<option value="43">43</option>
															<option value="44">44</option>
															<option value="45">45</option>
															<option value="46">46</option>
															<option value="47">47</option>
															<option value="48">48</option>
															<option value="49">49</option>
															<option value="50">50</option>
															<option value="51">51</option>
															<option value="52">52</option>
															<option value="53">53</option>
															<option value="54">54</option>
															<option value="55">55</option>
															<option value="56">56</option>
															<option value="57">57</option>
															<option value="58">58</option>
															<option value="59">59</option>
															<option value="60">60</option>
															<option value="61">61</option>
															<option value="62">62</option>
															<option value="63">63</option>
															<option value="64">64</option>
															<option value="65">65</option>
															<option value="66">66</option>
															<option value="67">67</option>
															<option value="68">68</option>
															<option value="69">69</option>
															<option value="70">70</option>
															<option value="71">71</option>
															<option value="72">72</option>
															<option value="73">73</option>
															<option value="74">74</option>
															<option value="75">75</option>
															<option value="76">76</option>
															<option value="77">77</option>
															<option value="78">78</option>
															<option value="79">79</option>
															<option value="80">80</option>
															<option value="81">81</option>
															<option value="82">82</option>
															<option value="83">83</option>
															<option value="84">84</option>
															<option value="85">85</option>
															<option value="86">86</option>
															<option value="87">87</option>
															<option value="88">88</option>
															<option value="89">89</option>
															<option value="90">90</option>
															<option value="91">91</option>
															<option value="92">92</option>
															<option value="93">93</option>
															<option value="94">94</option>
															<option value="95">95</option>
															<option value="96">96</option>
															<option value="97">97</option>
															<option value="98">98</option>
															<option value="99">99</option>
															<option value="100">100</option>
														</select>
													</div>
												</div>
											</div>
										</div>
									</div>
									<ul>
										<li><span class="titles"></span> <input type="hidden" name="order_guide" :value="glist.gui_id" /> <span class="to" data-id="1">导游名称：{{glist.gui_name}}</span> </li>
										<li class="location"> <span class="titles"></span> <input type="hidden" name="order_city" :value="glist.gui_province" /> <span class="to" data-id="1">{{glist.gui_province}}</span> </li>
									</ul>
								</div>
							</div>

							<div class="mod-demand">
								<div class="hd">
									行程需求
								</div>
								<div class="bd">
									<ul class="trip-list">
										<li class="title">
											<div class="sub-list">
												<div class="part-one">
													日期
												</div>
												<div class="part-two">
													选择所需服务
												</div>
												<div class="part-three">
													行程内容
												</div>
											</div>
										</li>
										
										<li class="order" v-for="(days,index) of dcount">
										
											<div class="sub-list">
												<div class="cols">
													<div class="part-one">
														<div class="count">
															Day
															<span>{{days}}</span>
														</div>
														<p name="datas" class="day" >{{datas[index]}}</p>
													</div>
													<div class="part-two">
														<div class="item">
															<div class="select-div">
																<select name="orddl_sid" :id="getSelectID(index)" v-on:change="setPrice(index)" style="display: inline; width: 330px; height:40px;" >
																	<option >请选择</option>
																	<option  v-for="(sinfo,index) of slist" :value="sinfo.ser_id"  data-type="base" data-unit="元/天" >{{sinfo.ser_name}}  ￥{{sinfo.ser_price}} 元/天</option>
																</select>
															</div>
														</div>
													</div>
													<div class="price" >
														￥
														<span name="price" :id="index"></span>元/天
													</div>
												</div>
												<div class="part-three">
													<div class="info">
														<textarea class="remark input-placeholder" placeholder="可备注当日行程安排、航班、酒店等信息" name="orddl_detail"> </textarea>
														<label class="placeholder">可备注当日行程安排、航班、酒店等信息</label>
													</div>
												</div>
											</div>
											</form>
										</li>
										
									</ul>
									<div class="balance">
										<p>应付费用<span>￥<span class="bigger" id="total">0</span>元</span>
										</p>
										<p class="hint">(提示：如果对方同意了您的预订申请，您就可以在线支付所需支付费用)</p>
									</div>
								</div>
							</div>
							<div class="mod-btn">
								<input type="button" class="submit" value="提交预订申请"  onclick="OrderPlan()" />
							</div>
						</div>
						<div class="side">
							<div class="mod-calendar" id="j-calendar">
								<div class="hd">
									服务日历
								</div>
								<div class="calendar cal-pd"></div>
							</div>
							<div class="mod-help">
								<div class="hd">
									帮助
								</div>
								<div class="bd">
									<ul>
										<li>
											<p>
												<a href="javascript:">如何知道我的预订申请被对方接受？</a>
											</p>
											<p class="intro active"> 向导会在预订申请提交后3个小时内处理你的订单，向导若接受或者拒绝订单，系统会短信通知你。详情请登入个人中心【我的订单】查看。 </p>
										</li>
										<li>
											<p>
												<a href="javascript:">我什么时候可以得到导游的联系方式</a>
											</p>
											<p class="intro"> 支付成功后，在个人中心【我的订单】中，可查看导游的联系方式。 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="mod-back">
					<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
					<a href="javascript:" class="code" id="code"></a>
					<a href="index.html" class="customer"></a>
					<a href="#" class="goback"></a>
				</div>
				<div class="mod-foot">
					<div class="info">
						<div class="contact">
							<p class="logo">
								<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
							<p class="tell">4006 666863</p>
							<p>24小时服务热线</p>
						</div>
						<dl>
							<dt>
                            公司信息
                            </dt>
							<dd>
								<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
							</dd>
							<dd>
								<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
							</dd>
							<dd>
								<a href="contact.html" target="_blank" rel="nofollow">联系我们</a>
							</dd>
							<dd>
								<a href="join.html" target="_blank" rel="nofollow">加入我们</a>
							</dd>
						</dl>
						<dl>
							<dt>
                            帮助中心
                            </dt>
							<dd>
								<a href="xieyi.html" target="_blank" rel="nofollow">用户协议</a>
							</dd>
							<dd>
								<a href="safe.html" target="_blank" rel="nofollow">安全保障</a>
							</dd>
							<dd>
								<a href="process.html" target="_blank" rel="nofollow">预定流程</a>
							</dd>
						</dl>
						<dl class="app">
							<dt>
                            发现
                            </dt>
							<dd>
								<a href="/app/" target="_blank">Android客户端</a>
							</dd>
							<dd>
								<a href="/app/" target="_blank">iOS客户端</a>
							</dd>
							<dd>
								<a href="/app/huilv/" target="_blank">联途汇率</a>
							</dd>
							<dd>
								<a href="/app/tongyou/" target="_blank">联途同游</a>
							</dd>
						</dl>
					</div>
					<div class="copyright">
						<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/daoyoudetail.js"></script>
		<!--<script type="text/javascript">
			(function() {
				var $info3 = $('.pl-login-info');
				PL.init({
					domain: 'http://my.liantu.cn',
					callback: function(nickName, html) {
						!PL.MID ? (function() {
							html.push('<div class="info"><a href="javascript:;" onclick="TU.login();">登录</a></div>');
						})() : (function() {
							var num = PL.type ? (PL.merchantlaunchordernum + PL.merchantordernum) : PL.memberordernum;
							html.push('<div class="user">' + (num > 0 ? '<span class="num"><span>' + num + '</span></span>' : '') + '<img src="' + PL.avatar + '" alt="' + nickName + '" width="40" height="40"/><span class="name">' + nickName + '</span><span class="ico"></span></div>');
							if(PL.type) {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="http://my.liantu.cn/merchant/">商户信息</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/reserve/">' + (PL.merchantlaunchordernum ? '<span class="num"><span>' + PL.merchantlaunchordernum + '</span></span>' : '') + '预约管理</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/">' + (PL.merchantordernum ? '<span class="num"><span>' + PL.merchantordernum + '</span></span>' : '') + '订单管理</a></li>\
      <li class="d-m"><a href="http://my.liantu.cn/merchant/account/">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:;" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							} else {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="member_info.html">个人信息</a></li>\
      <li><a href="member_order.html">' + (PL.memberordernum > 0 ? '<span class="num"><span>' + PL.memberordernum + '</span></span>' : '') + '我的订单</a></li>\
      <li><a href="member_tongyou.html">我的同游</a></li>\
      <li class="d-m"><a href="http://my.liantu.cnmember_withdraw.html">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							}
						})();
						if(!pl_status && !PL.type) {
							var div = document.createElement('div');
							div.className = 'link';
							div.innerHTML = '<a href="apply.html" target="_blank">申请成为向导</a>';
							var $info = document.getElementById('pl-login-info');
							if($info) {
								$info.parentNode.insertBefore(div, $info);
							}
						}
						pl_status = 1;
					}
				});
			})();
			var pl_status = 0;
		</script>-->

		<script type="text/javascript">
			seajs.config({
				base: 'http://static.liantu.cn/script/dist',
				paths: {
					'modules': 'http://static.liantu.cn/script/dist'
				},
				map: [
					[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
				],
				charset: 'utf-8'
			});
			//			seajs.use('modules/www/public/common.js');
			//seajs.use('modules/www/order/guide.js');
		</script>

		<div class="hide">
		</div>

	</body>

</html>